home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2007 December / PCWKCD1207B.iso / Blogowanie poza sfera / Flock 0.9.1.3 stable / flock-0.9.1.3.en-US.win32.exe / flock / chrome / classic.jar / skin / classic / browser / browser_flock.css < prev    next >
Cascading Style Sheet File  |  2007-07-13  |  74KB  |  2,319 lines
  1. /*flo
  2.  *  BEGIN FLOCK GPL
  3.  *  
  4.  *  Copyright Flock Inc. 2005-2007
  5.  *  http://flock.com
  6.  *  
  7.  *  This file may be used under the terms of of the
  8.  *  GNU General Public License Version 2 or later (the "GPL"),
  9.  *  http://www.gnu.org/licenses/gpl.html
  10.  *  
  11.  *  Software distributed under the License is distributed on an "AS IS" basis,
  12.  *  WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  13.  *  for the specific language governing rights and limitations under the
  14.  *  License.
  15.  *  
  16.  *  END FLOCK GPL
  17.  */
  18.  
  19. #content {
  20.   /* BC: removing the top border, not in layout mockups */
  21.   border-top: 0px solid #9c9c9c;
  22.   border-left: 0px solid #9c9c9c;
  23. }
  24.  
  25. splitter {
  26.   background: #e2e2e2;
  27. }
  28.  
  29. #topbar[moz-collapsed="true"] {
  30.   visibility: visible;
  31. }
  32.  
  33. /* ::::: Sidebar styles ::::: */
  34.  
  35. #sidebar-box {
  36.   -moz-appearance: none;
  37.   background-color: transparent;
  38.   border-left: 0px solid #9c9c9c; /* BC: This just looks weird being here */
  39.  }
  40.  
  41. #sidebar-box sidebarheader label {
  42.   font-weight: bold;
  43.   color: #000;
  44. }
  45.  
  46. #sidebar-box sidebarheader {
  47.   -moz-appearance: none;
  48.   border-top-width: 0px !important;
  49.   background: url(chrome://browser/skin/sidebarHeaderSlice.png) repeat-x !important;
  50. }
  51.  
  52. /* ::::: Toolbar styles ::::: */
  53.  
  54. #nav-bar {
  55.   -moz-box-align: center;
  56.   min-height: 36px !important;
  57.   border-top: 0px !important;
  58. }
  59.  
  60.  
  61. /* ::::: General button styles ::::: */
  62.  
  63. .toolbarbutton-1 {
  64.   -moz-appearance: none;
  65.   border: none;
  66.   padding-bottom: 2px !important;
  67.   padding-top: 1px !important;
  68. }
  69.  
  70. toolbar[mode="text"] .toolbarbutton-1 {
  71.   -moz-appearance: none;
  72.   border: none;
  73.   padding-bottom: 2px !important;
  74.   padding-top: 2px !important;
  75. }
  76.  
  77. toolbarbutton[type="checkbox"].toolbarbutton-1 {
  78.    padding: 3px;
  79. }
  80.  
  81. toolbar[iconsize="small"] .toolbarbutton-1 {
  82.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  83.   padding: 1px 3px 1px 3px !important;
  84. }
  85.  
  86. toolbar toolbarbutton[checked="true"] {
  87.   background-image: none !important;
  88.   padding: 0px 3px 0px 3px !important;
  89. }
  90.  
  91. #nav-bar[mode="full"] toolbarbutton {
  92.   margin-left: 0px !important;
  93.   margin-right: 0px !important;
  94.   display: -moz-box !important;
  95. }
  96.  
  97. toolbar toolbarseparator {
  98.   height: 20px;
  99. }
  100. toolbar[iconsize="small"] toolbarseparator {
  101.   height: 16px;
  102. }
  103.  
  104. /* ::::: URL bar ::::: */
  105.  
  106. /* toolbar mode = text, still display star button */
  107. toolbar[mode="text"] #favoritesButton .toolbarbutton-icon{
  108.   display: -moz-box !important;
  109. }
  110.  
  111. /* BC: New Star button is now 37px, was 32px */
  112. #favoritesButton {
  113.   min-width: 37px !important;
  114. }
  115.  
  116. toolbar[iconsize="small"] #favoritesButton {
  117.   min-width: 28px !important;
  118. }
  119.  
  120. #urlbar-container {
  121.   padding-left: 5px;
  122. }
  123.  
  124. #urlbar {
  125.   -moz-appearance: none !important;
  126.   margin: 2px 0px 2px 0px !important;
  127.   border: 0px;
  128.   height: 22px;
  129.   background-image: url("chrome://browser/skin/urlbar-bg.png");
  130.   background-repeat: repeat-x;
  131.   -moz-border-top-colors: #939393 #ddd !important;
  132.   -moz-border-right-colors: #b2b2b2 #ddd !important;
  133.   -moz-border-bottom-colors: #b2b2b2 #fff !important;
  134. }
  135. #urlbar[level="high"] ,
  136. #urlbar[level="low"] {
  137.   background-image: url("chrome://browser/skin/urlbar-bg-high.png");
  138.   background-repeat: repeat-x;
  139. }
  140.   #urlbar[level="high"] > .autocomplete-textbox-container,
  141.   #urlbar[level="low"] > .autocomplete-textbox-container {
  142.     background-color: transparent !important; /* BC:  We want to use our own styling for this urlbar */
  143.   }
  144.  
  145.  
  146. #urlbar hbox {
  147.   -moz-box-align: center;
  148. }
  149. #urlbar > dropmarker {
  150.   background-color: transparent;
  151.   border: none;
  152. }
  153. #urlbar > dropmarker > stack > vbox > image,
  154. #urlbar > dropmarker > stack > vbox > vbox > image{
  155.   background-image: none;
  156.   list-style-image: none;
  157. }
  158.  
  159. /* ::::: Feedback button ::::: */
  160.  
  161. #feedback-button {
  162.   list-style-image: url("chrome://browser/skin/feedback-button.png");
  163.   -moz-image-region: rect(3px 41px 35px 9px);
  164. }
  165. #feedback-button:hover,
  166. #feedback-button:active {
  167.   -moz-image-region: rect(63px 41px 95px 9px);
  168. }
  169. toolbar[iconsize="small"] #feedback-button,
  170. #PersonalToolbar > toolbarpaletteitem #feedback-button,
  171. #PersonalToolbar > #feedback-button {
  172.   list-style-image: url("chrome://browser/skin/feedback-button-sm.png");
  173.   -moz-image-region: rect(2px 20px 18px 4px);
  174. }
  175. toolbar[iconsize="small"] #feedback-button:hover,
  176. toolbar[iconsize="small"] #feedback-button:active,
  177. #PersonalToolbar > #feedback-button:hover,
  178. #PersonalToolbar > #feedback-button:active {
  179.   -moz-image-region: rect(32px 20px 48px 4px);
  180. }
  181.  
  182. /* ::::: Back and Forward ::::: */
  183.  
  184. /*
  185. #back-button,
  186. #forward-button {
  187.   -moz-binding: url("chrome://global/skin/globalBindings.xml#toolbar-menu-button");
  188. }
  189. */
  190.  
  191. toolbarpaletteitem #back-button {
  192.   -moz-box-direction: normal !important;
  193. }
  194.  
  195. #back-button toolbarbutton,
  196. #forward-button toolbarbutton {
  197.   -moz-appearance: none;
  198.   border: none;
  199.   padding: 0px;
  200. }
  201.  
  202. toolbar[mode="icons"] #forward-button dropmarker {
  203.   margin-left: -5px;
  204. }
  205.  
  206. toolbar[mode="full"] #back-button {
  207.   -moz-box-direction: normal !important;
  208. }
  209.  
  210. toolbar[mode="icons"] #back-button {
  211.   -moz-box-direction: reverse;
  212. }
  213.  
  214. toolbar[mode="icons"] #back-button dropmarker {
  215.   margin-right: -7px;
  216. }
  217.  
  218. #forward-button dropmarker,
  219. #back-button dropmarker{
  220.   margin-top: 27px;
  221. }
  222.  
  223. toolbar[mode="full"] #forward-button dropmarker,
  224. toolbar[mode="full"] #back-button dropmarker{
  225.   margin-top: 17px;
  226. }
  227.  
  228. toolbar[mode="text"] #forward-button dropmarker,
  229. toolbar[mode="text"] #back-button dropmarker {
  230.   margin-top: 0px;
  231. }
  232. #back-button {
  233.   -moz-image-region: rect(0px 32px 32px 0px);
  234. }
  235. #back-button:not([disabled="true"]):hover,
  236. #back-button:not([disabled="true"])[buttonover="true"] {
  237.   -moz-image-region: rect(50px 32px 82px 0px);
  238. }
  239. #back-button[disabled="true"] {
  240.   -moz-image-region: rect(150px 32px 182px 0px);
  241. }
  242. /* BC: Adding Active(pressed) state */
  243. #back-button:not([disabled="true"]):active {
  244.   -moz-image-region: rect(100px 32px 132px 0px);
  245. }
  246.  
  247. toolbar[iconsize="small"] #back-button:not([disabled="true"]) {
  248.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  249.   -moz-image-region: rect(0px 16px 16px 0px);
  250. }
  251.  
  252. toolbar[iconsize="small"] #back-button:not([disabled="true"]):active,
  253. toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover:active,
  254. toolbar[iconsize="small"] #back-button:not([disabled="true"])[buttondown="true"] {
  255.   -moz-image-region: rect(100px 16px 116px 0px);
  256. }
  257. toolbar[iconsize="small"] #back-button[disabled="true"] {
  258.   -moz-image-region: rect(150px 16px 166px 0px) !important;
  259. }
  260. toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover {
  261.   -moz-image-region: rect(50px 16px 66px 0px);
  262. }
  263.  
  264. #forward-button {
  265.   -moz-image-region: rect(0px 82px 32px 50px);
  266.   margin: 0 8px 0 0;
  267. }
  268. #forward-button:hover,
  269. #forward-button[buttonover="true"] {
  270.   -moz-image-region: rect(50px 82px 82px 50px);
  271. }
  272. #forward-button[disabled="true"] {
  273.   -moz-image-region: rect(150px 82px 182px 50px);
  274. }
  275. /* BC: Adding Active(pressed) state */
  276. #forward-button:active,
  277. #forward-button:hover:active,
  278. #forward-button[buttonover="true"]:active {
  279.   -moz-image-region: rect(100px 82px 132px 50px);
  280. }
  281.  
  282. toolbar[iconsize="small"] #forward-button:not([disabled="true"]) {
  283.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  284.   -moz-image-region: rect(0px 66px 16px 50px);
  285.   padding-right: 2px;
  286. }
  287. toolbar[iconsize="small"] #forward-button:not([disabled="true"]):active,
  288. toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active,
  289. toolbar[iconsize="small"] #forward-button:not([disabled="true"])[buttondown="true"],
  290. toolbar[iconsize="small"] #forward-button:not([disabled="true"])[buttonover="true"]:active
  291.  {
  292.   -moz-image-region: rect(100px 66px 116px 50px);
  293. }
  294. toolbar[iconsize="small"] #forward-button[disabled="true"] {
  295.   -moz-image-region: rect(150px 66px 166px 50px) !important;
  296. }
  297. toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover {
  298.   -moz-image-region: rect(50px 66px 66px 50px);
  299. }
  300.  
  301.  
  302. /* ::::: Adjacent Back and Forward ::::: */
  303.  
  304. #nav-bar[currentset*="back-button,forward-button"][mode="icons"] #back-button,
  305. #nav-bar[mode="icons"]:not([currentset]) #back-button {
  306.   /*list-style-image: url("chrome://browser/skin/bfjoined32.png");*/
  307.   list-style-image: url("chrome://browser/skin/flockBackForward.png");
  308.   -moz-image-region: rect(0px 28px 32px 4px);
  309.   margin: 0px 0px 0px 8px !important;
  310. }
  311.  
  312. /* Back/forward button labels */
  313. #nav-bar[mode="full"][currentset*="back-button,forward-button"] #back-button .toolbarbutton-text,
  314. #nav-bar[mode="full"]:not([currentset]) #back-button .toolbarbutton-text,
  315. #nav-bar[mode="full"][currentset*="back-button,forward-button"] #forward-button .toolbarbutton-text,
  316. #nav-bar[mode="full"]:not([currentset]) #forward-button .toolbarbutton-text {
  317.   margin-left: 0px !important;
  318.   margin-right: 0px !important;
  319.   text-align: right;
  320.   display: -moz-box !important;
  321. }
  322.  
  323.  
  324. #nav-bar[mode="icons"][currentset*="back-button,forward-button"] #back-button:not([disabled]):hover:active,
  325. #nav-bar[mode="icons"]:not([currentset]) #back-button:not([disabled]):hover:active {
  326.   /*list-style-image: url("chrome://browser/skin/bfjoined32.png");*/
  327.   list-style-image: url("chrome://browser/skin/flockBackForward.png");
  328.   -moz-image-region: rect(100px 28px 132px 4px);
  329. }
  330.  
  331. #nav-bar[mode="icons"][currentset*="back-button,forward-button"] #back-button:hover,
  332. #nav-bar[mode="icons"]:not([currentset]) #back-button:hover {
  333.   /*list-style-image: url("chrome://browser/skin/bfjoined32.png");*/
  334.   list-style-image: url("chrome://browser/skin/flockBackForward.png");
  335.   -moz-image-region: rect(50px 28px 82px 4px);
  336. }
  337. /* both(forward & back) disabled */
  338. #nav-bar[currentset*="back-button,forward-button"][mode="icons"] #back-button[disabled],
  339. #nav-bar[mode="icons"]:not([currentset]) #back-button[disabled] {
  340.   /*list-style-image: url("chrome://browser/skin/bfjoined32.png");*/
  341.   list-style-image: url("chrome://browser/skin/flockBackForward.png");
  342.   -moz-image-region: rect(150px 28px 182px 4px);
  343. }
  344.  
  345.  
  346.  
  347. #nav-bar[currentset*="back-button,forward-button"]:not([mode="text"]) #back-button .toolbarbutton-menubutton-button,
  348. #nav-bar:not([currentset]):not([mode="text"]) #back-button .toolbarbutton-menubutton-button {
  349.   padding-right: 0px !important;
  350.   margin-right: 0px !important;
  351.   border-left: none !important;
  352.   border-right: none !important;
  353. }
  354. /* Small back buttons */
  355. #nav-bar[mode="icons"][iconsize="small"][currentset*="back-button,forward-button"] #back-button,
  356. #nav-bar[mode="icons"][iconsize="small"]:not([currentset]) #back-button {
  357.   list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  358.   -moz-image-region: rect(0px 14px 16px 0px) !important;
  359.   padding: 0px !important;
  360. }
  361.  
  362. #nav-bar[mode="icons"][iconsize="small"][currentset*="back-button,forward-button"] #back-button:hover,
  363. #nav-bar[mode="icons"][iconsize="small"]:not([currentset]) #back-button:hover {
  364.   list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  365.   -moz-image-region: rect(25px 14px 41px 0px) !important;
  366.   padding: 0px !important;
  367. }
  368.  
  369. #nav-bar[mode="icons"][iconsize="small"][currentset*="back-button,forward-button"] #back-button:not([disabled]):active,
  370. #nav-bar[mode="icons"][iconsize="small"]:not([currentset]) #back-button:not([disabled]):hover:active {
  371.   list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  372.   -moz-image-region: rect(50px 14px 66px 0px) !important;
  373. }
  374.  
  375. #nav-bar[mode="icons"][iconsize="small"][currentset*="back-button,forward-button"] #back-button[disabled],
  376. #nav-bar[mode="icons"][iconsize="small"]:not([currentset]) #back-button[disabled] {
  377.   list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  378.   -moz-image-region: rect(75px 14px 91px 0px) !important;
  379. }
  380.  
  381.  
  382. /* forward co-joined buttons. */
  383. #nav-bar[mode="icons"][currentset*="back-button,forward-button"] #forward-button,
  384. #nav-bar[mode="icons"]:not([currentset]) #forward-button {
  385.   /*list-style-image: url("chrome://browser/skin/bfjoined32.png");*/
  386.   list-style-image: url("chrome://browser/skin/flockBackForward.png");
  387.   -moz-image-region: rect(0px 52px 32px 28px);
  388.   padding: 0px !important;
  389. }
  390.  
  391.  
  392. /* Forward Button   - hover, onclick
  393.  * Back button      - unknown
  394.  */
  395. #nav-bar[mode="icons"][currentset*="back-button,forward-button"] #forward-button:not([disabled]):hover:active,
  396. #nav-bar[mode="icons"]:not([currentset]) #forward-button:not([disabled]):hover:active,
  397. #nav-bar[mode="icons"][currentset*="back-button,forward-button"] #forward-button:not([disabled]):active,
  398. #nav-bar[mode="icons"]:not([currentset]) #forward-button:not([disabled]):active {
  399.   -moz-image-region: rect(100px 52px 132px 28px);
  400. }
  401.  
  402. /* Forward Button   - hover
  403.  * Back button      - unknown
  404.  */
  405. #nav-bar[mode="icons"][currentset*="back-button,forward-button"] #forward-button:hover,
  406. #nav-bar[mode="icons"]:not([currentset]) #forward-button:hover {
  407.   /*list-style-image: url("chrome://browser/skin/bfjoined32.png");*/
  408.   list-style-image: url("chrome://browser/skin/flockBackForward.png");
  409.   -moz-image-region: rect(50px 52px 82px 28px);
  410. }
  411. /* Forward button   - disabled
  412.  */
  413. #nav-bar[mode="icons"][currentset*="back-button,forward-button"] #forward-button[disabled],
  414. #nav-bar[mode="icons"]:not([currentset]) #forward-button[disabled] {
  415.   /*list-style-image: url("chrome://browser/skin/bfjoined32.png");*/
  416.   list-style-image: url("chrome://browser/skin/flockBackForward.png");
  417.   -moz-image-region: rect(150px 52px 182px 28px) !important;
  418. }
  419.  
  420.  
  421. /* small forward icons */
  422. #nav-bar[mode="icons"][iconsize="small"][currentset*="back-button,forward-button"] #forward-button,
  423. #nav-bar[mode="icons"][iconsize="small"]:not([currentset]) #forward-button {
  424.   list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  425.   -moz-image-region: rect(0px 28px 16px 14px);
  426.   padding: 0px;
  427. }
  428.  
  429. #nav-bar:not([mode="full"])[iconsize="small"][currentset*="back-button,forward-button"] #forward-button:hover,
  430. #nav-bar:not([mode="full"])[iconsize="small"]:not([currentset]) #forward-button:hover {
  431.   -moz-image-region: rect(25px 28px 41px 14px);
  432. }
  433.  
  434. #nav-bar[iconsize="small"][currentset*="back-button,forward-button"] #forward-button:not([disabled]):active,
  435. #nav-bar[iconsize="small"][currentset*="back-button,forward-button"] #forward-button:not([disabled]):hover:active,
  436. #nav-bar[iconsize="small"]:not([currentset]) #forward-button:not([disabled]):hover:active {
  437.   -moz-image-region: rect(50px 28px 66px 14px);
  438. }
  439.  
  440. #nav-bar:not([mode="full"])[iconsize="small"][currentset*="back-button,forward-button"] #forward-button[disabled],
  441. #nav-bar:not([mode="full"])[iconsize="small"]:not([currentset]) #forward-button[disabled] {
  442.   list-style-image: url("chrome://browser/skin/flockBackForwardSmall.png");
  443.   -moz-image-region: rect(75px 28px 91px 14px) !important;
  444. }
  445.  
  446. #nav-bar[currentset*="back-button,forward-button"]:not([mode="text"]) #forward-button .toolbarbutton-menubutton-button,
  447. #nav-bar:not([currentset]):not([mode="text"]) #forward-button .toolbarbutton-menubutton-button {
  448.   padding-left: 0px !important;
  449.   padding-right: 0px !important;
  450.   margin-left: 0px !important;
  451.   border-left: none !important;
  452. }
  453.  
  454.  
  455. /* ::::: Stop and Reload ::::: */
  456.  
  457. #stop-button {
  458.   -moz-image-region: rect(0px 182px 32px 150px);
  459. }
  460. #stop-button:hover:active:not([disabled="true"]),
  461. #stop-button:active:not([disabled="true"]) {
  462.   -moz-image-region: rect(100px 182px 132px 150px);
  463. }
  464. #stop-button[disabled="true"] {
  465.   -moz-image-region: rect(150px 182px 182px 150px);
  466. }
  467. #stop-button:hover:not([disabled="true"]) {
  468.   -moz-image-region: rect(50px 182px 82px 150px);
  469. }
  470. toolbar[iconsize="small"] #stop-button:not([disabled="true"]) {
  471.   -moz-image-region: rect(0px 166px 16px 150px);
  472. }
  473. toolbar[iconsize="small"] #stop-button:active:not([disabled="true"]) ,
  474. toolbar[iconsize="small"] #stop-button:hover:active:not([disabled="true"]) {
  475.   -moz-image-region: rect(100px 166px 116px 150px);
  476. }
  477. toolbar[iconsize="small"] #stop-button[disabled="true"] {
  478.   -moz-image-region: rect(150px 166px 166px 150px) !important;
  479. }
  480. toolbar[iconsize="small"] #stop-button:hover:not([disabled="true"]) {
  481.   -moz-image-region: rect(50px 166px 66px 150px);
  482. }
  483.  
  484. #reload-button {
  485.   -moz-image-region: rect(0px 132px 32px 100px);
  486. }
  487. #reload-button:hover:active {
  488.   -moz-image-region: rect(100px 132px 132px 100px);
  489. }
  490. #reload-button[disabled="true"] {
  491.   -moz-image-region: rect(150px 132px 182px 100px);
  492. }
  493. #reload-button:hover {
  494.   -moz-image-region: rect(50px 132px 82px 100px);
  495. }
  496. toolbar[iconsize="small"] #reload-button {
  497.   -moz-image-region: rect(0px 116px 16px 100px);
  498. }
  499. toolbar[iconsize="small"] #reload-button:hover:active {
  500.   -moz-image-region: rect(100px 116px 116px 100px);
  501. }
  502. toolbar[iconsize="small"] #reload-button[disabled="true"] {
  503.   -moz-image-region: rect(150px 116px 166px 100px) !important;
  504. }
  505. toolbar[iconsize="small"] #reload-button:hover {
  506.   -moz-image-region: rect(50px 116px 66px 100px);
  507. }
  508. #stopreload-button {
  509.   padding: 0px !important;
  510. }
  511.  
  512. /* BC: Large hybrid stop/reload button, stop state */
  513. .stopreload-stop {
  514.   -moz-image-region: rect(0px 182px 32px 150px);
  515. }
  516. .stopreload-stop:active,
  517. .stopreload-stop:hover:active {
  518.   -moz-image-region: rect(100px 182px 132px 150px);
  519. }
  520. .stopreload-stop[disabled="true"] {
  521.   -moz-image-region: rect(150px 182px 182px 150px);
  522. }
  523. .stopreload-stop:hover {
  524.   -moz-image-region: rect(50px 182px 82px 150px);
  525. }
  526.  
  527. /* BC: Small hybrid stop/reload button, stop state */
  528. toolbar[iconsize="small"] .stopreload-stop {
  529.   -moz-image-region: rect(0px 166px 16px 150px);
  530. }
  531. toolbar[iconsize="small"] .stopreload-stop:hover:active
  532. toolbar[iconsize="small"] .stopreload-stop:active
  533. {
  534.   -moz-image-region: rect(100px 166px 116px 150px);
  535. }
  536. toolbar[iconsize="small"] .stopreload-stop[disabled="true"] {
  537.   -moz-image-region: rect(150px 166px 166px 150px);
  538. }
  539. toolbar[iconsize="small"] .stopreload-stop:hover {
  540.   -moz-image-region: rect(50px 166px 66px 150px);
  541. }
  542.  
  543. /* BC: Large hybrid stop/reload button, reload state */
  544. .stopreload-reload {
  545.   -moz-image-region: rect(0px 132px 32px 100px);
  546. }
  547. .stopreload-reload:active,
  548. .stopreload-reload:hover:active {
  549.   -moz-image-region: rect(100px 132px 132px 100px);
  550. }
  551. .stopreload-reload:hover {
  552.   -moz-image-region: rect(50px 132px 82px 100px);
  553. }
  554.  
  555. /* BC: Small hybrid stop/reload button, reload state */
  556. toolbar[iconsize="small"] .stopreload-reload {
  557.   -moz-image-region: rect(0px 116px 16px 100px);
  558. }
  559. toolbar[iconsize="small"] .stopreload-reload:active,
  560. toolbar[iconsize="small"] .stopreload-reload:active:hover
  561. {
  562.   -moz-image-region: rect(100px 116px 116px 100px);
  563. }
  564. toolbar[iconsize="small"] .stopreload-reload[disabled="true"] {
  565.   -moz-image-region: rect(150px 116px 166px 100px);
  566. }
  567. toolbar[iconsize="small"] .stopreload-reload:hover {
  568.   -moz-image-region: rect(50px 116px 66px 100px);
  569. }
  570.  
  571.  
  572. /* ::::: Home ::::: */
  573.  
  574. #home-button {
  575.   -moz-image-region: rect(0px 282px 32px 250px);
  576. }
  577. #home-button:active,
  578. #home-button:hover:active {
  579.   -moz-image-region: rect(100px 282px 132px 250px);
  580. }
  581. #home-button[disabled="true"] {
  582.   -moz-image-region: rect(150px 282px 182px 250px);
  583. }
  584. #home-button:hover {
  585.   -moz-image-region: rect(50px 282px 82px 250px);
  586. }
  587. toolbar[iconsize="small"] #home-button {
  588.   -moz-image-region: rect(0px 266px 16px 250px);
  589. }
  590. toolbar[iconsize="small"] #home-button:active,
  591. toolbar[iconsize="small"] #home-button:hover:active {
  592.   -moz-image-region: rect(100px 266px 116px 250px);
  593. }
  594. toolbar[iconsize="small"] #home-button[disabled="true"] {
  595.   -moz-image-region: rect(150px 266px 166px 250px);
  596. }
  597. toolbar[iconsize="small"] #home-button:hover {
  598.   -moz-image-region: rect(50px 266px 66px 250px);
  599. }
  600.  
  601.  
  602. /* ::::: Print ::::: */
  603.  
  604. #print-button {
  605.   -moz-image-region: rect(0px 982px 32px 950px);
  606. }
  607. #print-button:active,
  608. #print-button:hover:active {
  609.   -moz-image-region: rect(50px 982px 82px 950px);
  610. }
  611. #print-button[disabled="true"] {
  612.   -moz-image-region: rect(150px 982px 182px 950px);
  613. }
  614. #print-button:hover {
  615.   -moz-image-region: rect(50px 982px 82px 950px);
  616. }
  617. toolbar[iconsize="small"] #print-button {
  618.   -moz-image-region: rect(0px 966px 16px 950px);
  619. }
  620. toolbar[iconsize="small"] #print-button:active,
  621. toolbar[iconsize="small"] #print-button:hover:active {
  622.   -moz-image-region: rect(100px 966px 116px 950px);
  623. }
  624. toolbar[iconsize="small"] #print-button[disabled="true"] {
  625.   -moz-image-region: rect(150px 966px 166px 950px) !important;
  626. }
  627. toolbar[iconsize="small"] #print-button:hover {
  628.   -moz-image-region: rect(50px 966px 66px 950px);
  629. }
  630.  
  631.  
  632. /* ::::: New Tab ::::: */
  633.  
  634. #new-tab-button {
  635.   -moz-image-region: rect(0px 782px 32px 750px);
  636. }
  637. #new-tab-button:active,
  638. #new-tab-button:hover:active,
  639. #new-tab-button[checked="true"] {
  640.   -moz-image-region: rect(100px 782px 132px 750px);
  641. }
  642. #new-tab-button[disabled="true"] {
  643.   -moz-image-region: rect(150px 782px 182px 750px);
  644. }
  645. #new-tab-button:hover {
  646.   -moz-image-region: rect(50px 782px 82px 750px);
  647. }
  648. toolbar[iconsize="small"] #new-tab-button {
  649.   -moz-image-region: rect(0px 766px 16px 750px);
  650. }
  651. toolbar[iconsize="small"] #new-tab-button:active,
  652. toolbar[iconsize="small"] #new-tab-button:hover:active {
  653.   -moz-image-region: rect(100px 766px 116px 750px);
  654. }
  655. toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
  656.   -moz-image-region: rect(150px 766px 166px 750px) !important;
  657. }
  658. toolbar[iconsize="small"] #new-tab-button:hover {
  659.   -moz-image-region: rect(50px 766px 66px 750px);
  660. }
  661.  
  662.  
  663. /* ::::: New Window ::::: */
  664.  
  665. #new-window-button {
  666.   -moz-image-region: rect(0px 682px 32px 650px);
  667. }
  668. #new-window-button:active,
  669. #new-window-button:hover:active,
  670. #new-window-button[checked="true"] {
  671.   -moz-image-region: rect(100px 682px 132px 650px);
  672. }
  673. #new-window-button[disabled="true"] {
  674.   -moz-image-region: rect(150px 682px 182px 650px);
  675. }
  676. #new-window-button:hover {
  677.   -moz-image-region: rect(50px 682px 82px 650px);
  678. }
  679. toolbar[iconsize="small"] #new-window-button {
  680.   -moz-image-region: rect(0px 666px 16px 650px);
  681. }
  682. toolbar[iconsize="small"] #new-window-button:active,
  683. toolbar[iconsize="small"] #new-window-button:hover:active {
  684.   -moz-image-region: rect(100px 666px 116px 650px);
  685. }
  686. toolbar[iconsize="small"] #new-window-button[disabled="true"] {
  687.   -moz-image-region: rect(150px 666px 166px 650px) !important;
  688. }
  689. toolbar[iconsize="small"] #new-window-button:hover {
  690.   -moz-image-region: rect(50px 666px 66px 650px);
  691. }
  692.  
  693.  
  694. /* ::::: Send URL ::::: */
  695. /* BC: not sure if we're using this */
  696.  
  697. #sendurl-button {
  698.   list-style-image: url("chrome://browser/skin/Toolbar.png");
  699.   -moz-image-region: rect(0px 320px 32px 288px);
  700. }
  701. #sendurl-button:hover:active,
  702. #sendurl-button[checked="true"] {
  703.   -moz-image-region: rect(32px 320px 64px 288px);
  704. }
  705. #sendurl-button[disabled="true"] {
  706.   -moz-image-region: rect(64px 320px 96px 288px);
  707. }
  708. #sendurl-button:hover {
  709.   -moz-image-region: rect(96px 320px 128px 288px);
  710. }
  711.  
  712.  
  713. /* ::::: Me ::::: */
  714. /* BC: is this still used */
  715. #me-button {
  716.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  717.   -moz-image-region: rect(0px 480px 24px 456px);
  718. }
  719. #me-button:active,
  720. #me-button[checked="true"] {
  721.   -moz-image-region: rect(24px 480px 48px 456px);
  722. }
  723. #me-buttonhotos-button[disabled="true"] {
  724.   -moz-image-region: rect(48px 480px 72px 456px);
  725. }
  726.  
  727.  
  728. /* ::::: My Interests ::::: */
  729.  
  730. #myinterests-button {
  731.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  732.   -moz-image-region: rect(0px 504px 24px 480px);
  733. }
  734. #myinterests-button:active,
  735. #myinterests-button[checked="true"] {
  736.   -moz-image-region: rect(24px 504px 48px 480px);
  737. }
  738. #myinterests-button[disabled="true"] {
  739.   -moz-image-region: rect(48px 504px 72px 480px);
  740. }
  741. #myinterests-button:hover {
  742.   -moz-image-region: rect(75px 504px 97px 480px);
  743. }
  744. #myinterests-button[newitems] {
  745.   -moz-image-region: rect(96px 504px 120px 480px);
  746. }
  747.  
  748. /* ::::: Help Button ::::: */
  749. #help-button {
  750.   padding: 0px;
  751.   padding-right: 15px;
  752.   padding-left: 15px;
  753.   list-style-image: url("chrome://browser/skin/helpButtonMatrixLarge.png");
  754.   -moz-image-region: rect(0px 22px 22px 0px);
  755. }
  756. #help-button:active,
  757. #help-button:hover:active {
  758.   -moz-image-region: rect(50px 22px 72px 0px);
  759. }
  760. #help-button[disabled="true"] {
  761.   -moz-image-region: rect(75px 22px 97px 0px);
  762. }
  763. #help-button:hover {
  764.   -moz-image-region: rect(25px 22px 47px 0px);
  765. }
  766.  
  767. toolbar[iconsize="small"] #help-button {
  768.   padding: 0px;
  769.   padding-right: 15px;
  770.   padding-left: 15px;
  771.   list-style-image: url("chrome://browser/skin/helpButtonMatrix.png");
  772.   -moz-image-region: rect(0px 16px 16px 0px);
  773. }
  774. toolbar[iconsize="small"] #help-button:active,
  775. toolbar[iconsize="small"] #help-button:hover:active {
  776.   -moz-image-region: rect(40px 16px 56px 0px);
  777. }
  778. toolbar[iconsize="small"] #help-button[disabled="true"] {
  779.   -moz-image-region: rect(60px 16px 76px 0px);
  780. }
  781. toolbar[iconsize="small"] #help-button:hover {
  782.   -moz-image-region: rect(20px 16px 36px 0px);
  783. }
  784.  
  785.  
  786. /* ::::: Downloads ::::: */
  787.  
  788. #downloads-button {
  789.   -moz-image-region: rect(0px 632px 32px 600px);
  790. }
  791. #downloads-button:active,
  792. #downloads-button:hover:active {
  793.   -moz-image-region: rect(100px 632px 132px 600px);
  794. }
  795. #downloads-button[disabled="true"] {
  796.   -moz-image-region: rect(150px 632px 182px 600px);
  797. }
  798. #downloads-button:hover {
  799.   -moz-image-region: rect(50px 632px 82px 600px);
  800. }
  801. toolbar[iconsize="small"] #downloads-button {
  802.   -moz-image-region: rect(0px 616px 16px 600px);
  803. }
  804. toolbar[iconsize="small"] #downloads-button:active,
  805. toolbar[iconsize="small"] #downloads-button:hover:active {
  806.   -moz-image-region: rect(100px 616px 116px 600px);
  807. }
  808. toolbar[iconsize="small"] #downloads-button[disabled="true"] {
  809.   -moz-image-region: rect(150px 616px 166px 600px) !important;
  810. }
  811. toolbar[iconsize="small"] #downloads-button:hover {
  812.   -moz-image-region: rect(50px 616px 66px 600px);
  813. }
  814.  
  815.  
  816. /* ::::: Bookmarks ::::: */
  817.  
  818. #bookmarks-button {
  819.   padding: 1px 3px 2px 3px !important;
  820.   -moz-image-region: rect(0px 532px 32px 500px);
  821. }
  822. #bookmarks-button:active,
  823. #bookmarks-button:hover:active,
  824. #bookmarks-button[checked="true"] {
  825.   padding: 1px 3px 2px 3px !important;
  826.   -moz-image-region: rect(100px 532px 132px 500px);
  827. }
  828. #bookmarks-button[disabled="true"] {
  829.   -moz-image-region: rect(150px 532px 182px 500px);
  830. }
  831. #bookmarks-button:hover {
  832.   -moz-image-region: rect(50px 532px 82px 500px);
  833. }
  834. toolbar[iconsize="small"] #bookmarks-button {
  835.   -moz-image-region: rect(0px 516px 16px 500px);
  836. }
  837. toolbar[iconsize="small"] #bookmarks-button:active, 
  838. toolbar[iconsize="small"] #bookmarks-button:hover:active, 
  839. toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
  840.   -moz-image-region: rect(100px 516px 116px 500px);
  841. }
  842. toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
  843.   -moz-image-region: rect(150px 516px 166px 500px) !important;
  844. }
  845. toolbar[iconsize="small"] #bookmarks-button:hover {
  846.   -moz-image-region: rect(50px 516px 66px 500px);
  847. }
  848.  
  849.  
  850. /* ::::: History ::::: */
  851.  
  852. #history-button {
  853.   -moz-image-region: rect(0px 1032px 32px 1000px);
  854. }
  855. #history-button:active,
  856. #history-button:hover:active, 
  857. #history-button[checked="true"] {
  858.   -moz-image-region: rect(100px 1032px 132px 1000px);
  859. }
  860. #history-button[disabled="true"] {
  861.   -moz-image-region: rect(150px 1032px 182px 1000px);
  862. }
  863. #history-button:hover {
  864.   -moz-image-region: rect(50px 1032px 82px 1000px);
  865. }
  866. toolbar[iconsize="small"] #history-button {
  867.   -moz-image-region: rect(0px 1016px 16px 1000px);
  868. }
  869. toolbar[iconsize="small"] #history-button:active,
  870. toolbar[iconsize="small"] #history-button:hover:active,
  871. toolbar[iconsize="small"] #history-button[checked="true"] {
  872.   -moz-image-region: rect(100px 1016px 116px 1000px);
  873. }
  874. toolbar[iconsize="small"] #history-button[disabled="true"] {
  875.   -moz-image-region: rect(150px 1016px 166px 1000px) !important;
  876. }
  877. toolbar[iconsize="small"] #history-button:hover {
  878.   -moz-image-region: rect(50px 1016px 66px 1000px);
  879. }
  880.  
  881.  
  882. /* ::::: Cut, Copy, Paste ::::: */
  883.  
  884. #cut-button {
  885.   -moz-image-region: rect(0px 832px 32px 800px);
  886. }
  887. #cut-button:active,
  888. #cut-button:hover:active,
  889. #cut-button[checked="true"] {
  890.   -moz-image-region: rect(100px 832px 132px 800px);
  891. }
  892. #cut-button[disabled="true"] {
  893.   -moz-image-region: rect(150px 832px 182px 800px);
  894. }
  895. #cut-button:not([disabled="true"]):hover {
  896.   -moz-image-region: rect(50px 832px 82px 800px);
  897. }
  898. toolbar[iconsize="small"] #cut-button {
  899.   -moz-image-region: rect(0px 816px 16px 800px);
  900. }
  901. toolbar[iconsize="small"] #cut-button:active,
  902. toolbar[iconsize="small"] #cut-button:hover:active {
  903.   -moz-image-region: rect(100px 816px 116px 800px);
  904. }
  905. toolbar[iconsize="small"] #cut-button[disabled="true"] {
  906.   -moz-image-region: rect(150px 816px 166px 800px) !important;
  907. }
  908. toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover {
  909.   -moz-image-region: rect(50px 816px 66px 800px);
  910. }
  911.  
  912. #copy-button {
  913.   -moz-image-region: rect(0px 882px 32px 850px);
  914. }
  915. #copy-button:active,
  916. #copy-button:hover:active,
  917. #copy-button[checked="true"] {
  918.   -moz-image-region: rect(100px 882px 132px 850px);
  919. }
  920. #copy-button[disabled="true"] {
  921.   -moz-image-region: rect(150px 882px 182px 850px);
  922. }
  923. #copy-button:not([disabled="true"]):hover {
  924.   -moz-image-region: rect(50px 882px 82px 850px);
  925. }
  926. toolbar[iconsize="small"] #copy-button {
  927.   -moz-image-region: rect(0px 866px 16px 850px);
  928. }
  929. toolbar[iconsize="small"] #copy-button:active,
  930. toolbar[iconsize="small"] #copy-button:hover:active {
  931.   -moz-image-region: rect(100px 866px 116px 850px);
  932. }
  933. toolbar[iconsize="small"] #copy-button[disabled="true"] {
  934.   -moz-image-region: rect(150px 866px 166px 850px);
  935. }
  936. toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover {
  937.   -moz-image-region: rect(50px 866px 66px 850px);
  938. }
  939.  
  940. #paste-button {
  941.   -moz-image-region: rect(0px 932px 32px 900px);
  942. }
  943. #paste-button:active,
  944. #paste-button:hover:active,
  945. #copy-button[checked="true"] {
  946.   -moz-image-region: rect(100px 932px 132px 900px);
  947. }
  948. #paste-button[disabled="true"] {
  949.   -moz-image-region: rect(150px 932px 182px 900px);
  950. }
  951. #paste-button:not([disabled="true"]):hover {
  952.   -moz-image-region: rect(50px 932px 82px 900px);
  953. }
  954. toolbar[iconsize="small"] #paste-button {
  955.   -moz-image-region: rect(0px 916px 16px 900px);
  956. }
  957. toolbar[iconsize="small"] #paste-button:active,
  958. toolbar[iconsize="small"] #paste-button:hover:active {
  959.   -moz-image-region: rect(100px 916px 116px 900px);
  960. }
  961. toolbar[iconsize="small"] #paste-button[disabled="true"] {
  962.   -moz-image-region: rect(150px 916px 166px 900px);
  963. }
  964. toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover {
  965.   -moz-image-region: rect(50px 916px 66px 900px);
  966. }
  967.  
  968.  
  969. /* ::::: Mail ::::: */
  970.  
  971. #mail-button {
  972.   -moz-image-region: rect(0px 1082px 32px 1050px);
  973. }
  974. #mail-button:active,
  975. #mail-button[checked="true"] {
  976.   -moz-image-region: rect(100px 1082px 132px 1050px);
  977. }
  978. #mail-button[disabled="true"] {
  979.   -moz-image-region: rect(150px 1082px 182px 1050px);
  980. }
  981. #mail-button:hover {
  982.   -moz-image-region: rect(50px 1082px 82px 1050px);
  983. }
  984. toolbar[iconsize="small"] #mail-button {
  985.   -moz-image-region: rect(0px 1066px 16px 1050px);
  986. }
  987. toolbar[iconsize="small"] #mail-button:active,
  988. toolbar[iconsize="small"] #mail-button[checked="true"] {
  989.   -moz-image-region: rect(100px 1066px 116px 1050px);
  990. }
  991. toolbar[iconsize="small"] #mail-button[disabled="true"] {
  992.   -moz-image-region: rect(150px 1066px 166px 1050px);
  993. }
  994. toolbar[iconsize="small"] #mail-button:hover {
  995.   -moz-image-region: rect(50px 1066px 66px 1050px);
  996. }
  997.  
  998.  
  999. /* ::::: Blog ::::: */
  1000.  
  1001. #blog-button {
  1002.   -moz-image-region: rect(0px 482px 32px 450px);
  1003. }
  1004. #blog-button:active,
  1005. #blog-button:hover:active {
  1006.   -moz-image-region: rect(100px 482px 132px 450px);
  1007. }
  1008. #blog-button[disabled="true"] {
  1009.   -moz-image-region: rect(150px 482px 182px 450px);
  1010. }
  1011. #blog-button:hover {
  1012.   -moz-image-region: rect(50px 482px 82px 450px);
  1013. }
  1014. toolbar[iconsize="small"] #blog-button {
  1015.   -moz-image-region: rect(0px 466px 16px 450px);
  1016. }
  1017. toolbar[iconsize="small"] #blog-button:active,
  1018. toolbar[iconsize="small"] #blog-button:hover:active,
  1019. toolbar[iconsize="small"] #blog-button[checked="true"] {
  1020.   -moz-image-region: rect(100px 466px 116px 450px);
  1021. }
  1022. toolbar[iconsize="small"] #blog-button[disabled="true"] {
  1023.   -moz-image-region: rect(150px 466px 166px 450px);
  1024. }
  1025. toolbar[iconsize="small"] #blog-button:hover {
  1026.   -moz-image-region: rect(50px 466px 66px 450px);
  1027. }
  1028.  
  1029. /* ::::: Notes :::: */
  1030.  
  1031. /* note that this is the same icon as blog, there is no asset as of yet for notes */
  1032. /* BC: We now have an icon i believe */
  1033. notification[value='snippet-added'] .messageImage  {
  1034.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1035.   -moz-image-region: rect(0px 416px 16px 400px);
  1036. }
  1037. #notes-button {
  1038.   -moz-image-region: rect(0px 432px 32px 400px);
  1039. }
  1040. #notes-button:active,
  1041. #notes-button:hover:active {
  1042.   -moz-image-region: rect(100px 432px 132px 400px);
  1043. }
  1044. #notes-button[disabled="true"] {
  1045.   -moz-image-region: rect(150px 432px 182px 400px);
  1046. }
  1047. #notes-button:hover {
  1048.   -moz-image-region: rect(50px 432px 82px 400px);
  1049. }
  1050. toolbar[iconsize="small"] #notes-button {
  1051.   -moz-image-region: rect(0px 416px 16px 400px);
  1052. }
  1053. toolbar[iconsize="small"] #notes-button:active,
  1054. toolbar[iconsize="small"] #notes-button[checked="true"] {
  1055.   -moz-image-region: rect(100px 416px 116px 400px);
  1056. }
  1057. toolbar[iconsize="small"] #notes-button[disabled="true"] {
  1058.   -moz-image-region: rect(150px 416px 166px 400px);
  1059. }
  1060. toolbar[iconsize="small"] #notes-button:hover {
  1061.   -moz-image-region: rect(50px 416px 66px 400px);
  1062. }
  1063.  
  1064.  
  1065. /* ::::: Favorites ::::: */
  1066. /*
  1067.  * BC:  This button is not used anymore
  1068. #favorites-button {
  1069.   -moz-image-region: rect(0px 607px 32px 575px);
  1070. }
  1071. #favorites-button:hover:active {
  1072.   -moz-image-region: rect(32px 607px 64px 575px);
  1073. }
  1074. #favorites-button[disabled="true"] {
  1075.   -moz-image-region: rect(64px 607px 96px 575px);
  1076. }
  1077. #favorites-button:hover {
  1078.   -moz-image-region: rect(96px 607px 128px 575px);
  1079. }
  1080. toolbar[iconsize="small"] #favorites-button {
  1081.   -moz-image-region: rect(0px 456px 24px 432px);
  1082. }
  1083. toolbar[iconsize="small"] #favorites-button:active,
  1084. toolbar[iconsize="small"] #favorites-button[checked="true"] {
  1085.   -moz-image-region: rect(24px 456px 48px 432px);
  1086. }
  1087. toolbar[iconsize="small"] #favorites-button[disabled="true"] {
  1088.   -moz-image-region: rect(48px 456px 72px 432px);
  1089. }
  1090. toolbar[iconsize="small"] #favorites-button:hover {
  1091.   -moz-image-region: rect(72px 456px 96px 432px);
  1092. }
  1093.  * BC:  This button is not used anymore
  1094.  */
  1095.  
  1096. /* ::::: Photos, Uploader ::::: */
  1097.  
  1098. #photos-button {
  1099.   padding: 1px 3px 2px 3px !important;
  1100.   -moz-image-region: rect(0px 332px 32px 300px);
  1101. }
  1102. #photos-button:active,
  1103. #photos-button:hover:active {
  1104.   -moz-image-region: rect(100px 332px 132px 300px);
  1105. }
  1106. #photos-button[disabled="true"] {
  1107.   -moz-image-region: rect(150px 332px 182px 300px);
  1108. }
  1109. #photos-button:hover {
  1110.   -moz-image-region: rect(50px 332px 82px 300px);
  1111. }
  1112. #photos-button[hasNew][checked="true"],
  1113. #photos-button[checked="true"]{
  1114.   padding: 1px 3px 2px 3px !important;
  1115.   -moz-image-region: rect(350px 332px 382px 300px);
  1116. }
  1117. #photos-button[hasNew][checked="true"]:hover,
  1118. #photos-button[checked="true"]:hover {
  1119.   padding: 1px 3px 2px 3px !important;
  1120.   -moz-image-region: rect(400px 332px 432px 300px);
  1121. }
  1122. #photos-button[hasNew][checked="true"]:active,
  1123. #photos-button[hasNew][checked="true"]:hover:active,
  1124. #photos-button[checked="true"]:active,
  1125. #photos-button[checked="true"]:hover:active {
  1126.   -moz-image-region: rect(450px 332px 482px 300px);
  1127. }
  1128. #photos-button[hasNew] {
  1129.   -moz-image-region: rect(200px 332px 232px 300px);
  1130. }
  1131. #photos-button[hasNew]:hover {
  1132.   -moz-image-region: rect(250px 332px 282px 300px);
  1133. }
  1134. #photos-button[hasNew]:active,
  1135. #photos-button[hasNew]:hover:active {
  1136.   -moz-image-region: rect(300px 332px 332px 300px);
  1137. }
  1138.  
  1139.  
  1140.  
  1141.  
  1142. toolbar[iconsize="small"] #photos-button {
  1143.   -moz-image-region: rect(0px 316px 16px 300px);
  1144. }
  1145. toolbar[iconsize="small"] #photos-button:active,
  1146. toolbar[iconsize="small"] #photos-button:hover:active {
  1147.   -moz-image-region: rect(100px 316px 116px 300px);
  1148. }
  1149. toolbar[iconsize="small"] #photos-button[disabled="true"] {
  1150.   -moz-image-region: rect(150px 316px 166px 300px);
  1151. }
  1152. toolbar[iconsize="small"] #photos-button:hover {
  1153.   -moz-image-region: rect(50px 316px 66px 300px);
  1154. }
  1155. toolbar[iconsize="small"] #photos-button[hasNew][checked="true"],
  1156. toolbar[iconsize="small"] #photos-button[checked="true"]{
  1157.   padding: 1px 3px 2px 3px !important;
  1158.   -moz-image-region: rect(350px 316px 366px 300px);
  1159. }
  1160. toolbar[iconsize="small"] #photos-button[hasNew][checked="true"]:hover,
  1161. toolbar[iconsize="small"] #photos-button[checked="true"]:hover {
  1162.   padding: 1px 3px 2px 3px !important;
  1163.   -moz-image-region: rect(400px 316px 416px 300px);
  1164. }
  1165. toolbar[iconsize="small"] #photos-button[hasNew][checked="true"]:active,
  1166. toolbar[iconsize="small"] #photos-button[hasNew][checked="true"]:hover:active,
  1167. toolbar[iconsize="small"] #photos-button[checked="true"]:active,
  1168. toolbar[iconsize="small"] #photos-button[checked="true"]:hover:active {
  1169.   -moz-image-region: rect(450px 316px 466px 300px);
  1170. }
  1171. toolbar[iconsize="small"] #photos-button[hasNew] {
  1172.   -moz-image-region: rect(200px 316px 216px 300px);
  1173. }
  1174. toolbar[iconsize="small"] #photos-button[hasNew]:hover {
  1175.   -moz-image-region: rect(250px 316px 266px 300px);
  1176. }
  1177. toolbar[iconsize="small"] #photos-button[hasNew]:active,
  1178. toolbar[iconsize="small"] #photos-button[hasNew]:hover:active {
  1179.   -moz-image-region: rect(300px 316px 316px 300px);
  1180. }
  1181.  
  1182. /* ::::: My World Regular Toolbar Button ::::: */
  1183.  
  1184. #my-world-button {
  1185.   -moz-image-region: rect(0px 1432px 32px 1400px);
  1186. }
  1187. #my-world-button:active,
  1188. #my-world-button:hover:active {
  1189.   -moz-image-region: rect(100px 1432px 132px 1400px);
  1190. }
  1191. #my-world-button[disabled="true"] {
  1192.   -moz-image-region: rect(150px 1432px 182px 1400px);
  1193. }
  1194. #my-world-button:hover {
  1195.   -moz-image-region: rect(50px 1432px 82px 1400px);
  1196. }
  1197.  
  1198. toolbar[iconsize="small"] #my-world-button {
  1199.   -moz-image-region: rect(0px 1416px 16px 1400px);
  1200. }
  1201. toolbar[iconsize="small"] #my-world-button:active,
  1202. toolbar[iconsize="small"] #my-world-button:hover:active {
  1203.   -moz-image-region: rect(100px 1416px 116px 1400px);
  1204. }
  1205. toolbar[iconsize="small"] #my-world-button[disabled="true"] {
  1206.   -moz-image-region: rect(150px 1416px 166px 1400px);
  1207. }
  1208. toolbar[iconsize="small"] #my-world-button:hover {
  1209.   -moz-image-region: rect(50px 1416px 66px 1400px);
  1210. }
  1211.  
  1212. /* ::::: Accounts Button Regular Toolbar Button ::::: */
  1213.  
  1214. #accounts-button {
  1215.   -moz-image-region: rect(0px 1382px 32px 1350px);
  1216. }
  1217. #accounts-button:active,
  1218. #accounts-button:hover:active {
  1219.   -moz-image-region: rect(100px 1382px 132px 1350px);
  1220. }
  1221. #accounts-button[disabled="true"] {
  1222.   -moz-image-region: rect(150px 1382px 182px 1350px);
  1223. }
  1224. #accounts-button:hover {
  1225.   -moz-image-region: rect(50px 1382px 82px 1350px);
  1226. }
  1227.  
  1228. notification[value='account-needed'] .messageImage  {
  1229.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1230.   -moz-image-region: rect(0px 1366px 16px 1350px);
  1231. }
  1232. toolbar[iconsize="small"] #accounts-button {
  1233.   -moz-image-region: rect(0px 1366px 16px 1350px);
  1234. }
  1235. toolbar[iconsize="small"] #accounts-button:active,
  1236. toolbar[iconsize="small"] #accounts-button:hover:active {
  1237.   -moz-image-region: rect(100px 1366px 116px 1350px);
  1238. }
  1239. toolbar[iconsize="small"] #accounts-button[disabled="true"] {
  1240.   -moz-image-region: rect(150px 1366px 166px 1350px);
  1241. }
  1242. toolbar[iconsize="small"] #accounts-button:hover {
  1243.   -moz-image-region: rect(50px 1366px 66px 1350px);
  1244. }
  1245.  
  1246. /* ::::: Photo Uploader Button Styles ::::: */
  1247.  
  1248. #photo-uploader-button {
  1249.   -moz-image-region: rect(0px 582px 32px 550px);
  1250. }
  1251. #photo-uploader-button:active,
  1252. #photo-uploader-button:hover:active,
  1253. #photo-uploader-button[checked="true"],
  1254. #photo-uploader-button[checked="true"]:hover {
  1255.   -moz-image-region: rect(100px 582px 132px 550px);
  1256. }
  1257. #photo-uploader-button[disabled="true"] {
  1258.   -moz-image-region: rect(150px 582px 182px 550px);
  1259. }
  1260. #photo-uploader-button:hover {
  1261.   -moz-image-region: rect(50px 582px 82px 550px);
  1262. }
  1263. toolbar[iconsize="small"] #photo-uploader-button {
  1264.   -moz-image-region: rect(0px 566px 16px 550px);
  1265. }
  1266. toolbar[iconsize="small"] #photo-uploader-button:active,
  1267. toolbar[iconsize="small"] #photo-uploader-button:hover:active,
  1268. toolbar[iconsize="small"] #photo-uploader-button[checked="true"],
  1269. toolbar[iconsize="small"] #photo-uploader-button[checked="true"]:hover {
  1270.   -moz-image-region: rect(100px 566px 116px 550px);
  1271. }
  1272. toolbar[iconsize="small"] #photo-uploader-button[disabled="true"] {
  1273.   -moz-image-region: rect(150px 566px 166px 550px);
  1274. }
  1275. toolbar[iconsize="small"] #photo-uploader-button:hover {
  1276.   -moz-image-region: rect(50px 566px 66px 550px);
  1277. }
  1278.  
  1279.  
  1280. #uploader-button {
  1281.   -moz-image-region: rect(0px 582px 32px 550px);
  1282. }
  1283. #uploader-button:active,
  1284. #uploader-button:hover:active,
  1285. #uploader-button[checked="true"],
  1286. #uploader-button[checked="true"]:hover {
  1287.   -moz-image-region: rect(100px 582px 132px 550px);
  1288. }
  1289. #uploader-button[disabled="true"] {
  1290.   -moz-image-region: rect(150px 582px 182px 550px);
  1291. }
  1292. #uploader-button:hover {
  1293.   -moz-image-region: rect(50px 582px 82px 550px);
  1294. }
  1295.  
  1296. toolbar[iconsize="small"] #uploader-button {
  1297.   -moz-image-region: rect(0px 566px 16px 550px);
  1298. }
  1299. toolbar[iconsize="small"] #uploader-button:active,
  1300. toolbar[iconsize="small"] #uploader-button:hover:active,
  1301. toolbar[iconsize="small"] #uploader-button[checked="true"],
  1302. toolbar[iconsize="small"] #uploader-button[checked="true"]:hover {
  1303.   -moz-image-region: rect(100px 566px 116px 550px);
  1304. }
  1305. toolbar[iconsize="small"] #uploader-button[disabled="true"] {
  1306.   -moz-image-region: rect(150px 566px 166px 550px);
  1307. }
  1308. toolbar[iconsize="small"] #uploader-button:hover {
  1309.   -moz-image-region: rect(50px 566px 66px 550px);
  1310. }
  1311.  
  1312. /* ::::: News ::::: */
  1313.  
  1314. #news-button {
  1315.   padding: 1px 3px 2px 3px !important;
  1316.   -moz-image-region: rect(0px 382px 32px 350px);
  1317. }
  1318. #news-button:active,
  1319. #news-button:hover:active {
  1320.   -moz-image-region: rect(100px 382px 132px 350px);
  1321. }
  1322. #news-button[disabled="true"] {
  1323.   -moz-image-region: rect(150px 382px 182px 350px);
  1324. }
  1325. #news-button:hover {
  1326.   -moz-image-region: rect(50px 382px 82px 350px);
  1327. }
  1328. #news-button[newitems],
  1329. #news-button[hasNew] {
  1330.   -moz-image-region: rect(200px 382px 232px 350px);
  1331. }
  1332. #news-button[newitems]:active,
  1333. #news-button[newitems]:hover:active,
  1334. #news-button[hasNew]:active,
  1335. #news-button[hasNew]:hover:active {
  1336.   -moz-image-region: rect(300px 382px 332px 350px);
  1337. }
  1338. #news-button[newitems]:hover,
  1339. #news-button[hasNew]:hover 
  1340. {
  1341.   -moz-image-region: rect(250px 382px 282px 350px);
  1342. }
  1343. #news-button[checked="true"] {
  1344.   padding: 1px 3px 2px 3px;
  1345.   -moz-image-region: rect(350px 382px 382px 350px);
  1346. }
  1347. #new-button[checked="true"]:active,
  1348. #news-button[checked="true"]:hover:active {
  1349.   -moz-image-region: rect(450px 382px 482px 350px);
  1350. }
  1351. #news-button[checked="true"]:hover {
  1352.   padding: 1px 3px 2px 3px;
  1353.   -moz-image-region: rect(400px 382px 432px 350px);
  1354. }
  1355.  
  1356.  
  1357. toolbar[iconsize="small"] #news-button {
  1358.   -moz-image-region: rect(0px 366px 16px 350px);
  1359. }
  1360. toolbar[iconsize="small"] #news-button:active,
  1361. toolbar[iconsize="small"] #news-button:hover:active,
  1362. toolbar[iconsize="small"] #news-button[checked="true"],
  1363. toolbar[iconsize="small"] #news-button[checked="true"]:hover {
  1364.   -moz-image-region: rect(100px 366px 116px 350px);
  1365. }
  1366. toolbar[iconsize="small"] #news-button[disabled="true"] {
  1367.   -moz-image-region: rect(150px 366px 166px 350px);
  1368. }
  1369. toolbar[iconsize="small"] #news-button:hover {
  1370.   -moz-image-region: rect(50px 366px 66px 350px);
  1371. }
  1372. toolbar[iconsize="small"] #news-button[newitems],
  1373. toolbar[iconsize="small"] #news-button[hasNew] {
  1374.   -moz-image-region: rect(200px 366px 216px 350px);
  1375. }
  1376. toolbar[iconsize="small"] #news-button[newitems]:hover,
  1377. toolbar[iconsize="small"] #news-button[hasNew]:hover {
  1378.   -moz-image-region: rect(250px 366px 266px 350px);
  1379. }
  1380. toolbar[iconsize="small"] #news-button[newitems]:active,
  1381. toolbar[iconsize="small"] #news-button[newitems]:hover:active, 
  1382. toolbar[iconsize="small"] #news-button[hasNew]:active,
  1383. toolbar[iconsize="small"] #news-button[hasNew]:hover:active{
  1384.   -moz-image-region: rect(300px 366px 316px 350px);
  1385. }
  1386.  
  1387.  
  1388.  
  1389. /**************
  1390.  * status bar
  1391.  **************/
  1392. statusbar {
  1393.   -moz-appearance: none !important;
  1394.   background: url("chrome://browser/skin/statusbar-background.png") bottom #FFFFFF repeat-x;
  1395.   border-top: 1px solid #A3A3A3 !important;
  1396.   font-size: 12px;
  1397.   height: 20px !important;
  1398.   min-height: 20px !important;
  1399. }
  1400.  
  1401. label.statusbar-panel-text {
  1402.   margin: 2px 5px !important;
  1403. }
  1404.  
  1405. statusbarpanel {
  1406.   -moz-appearance: none !important;
  1407.   -moz-box-align: center;
  1408.   -moz-box-pack: center;
  1409.   padding: 0 4px;
  1410. }
  1411.  
  1412.  
  1413. /**********************
  1414.  Toolbars and toolbox
  1415.  ***********************/
  1416.  
  1417. #navigator-toolbox {
  1418.   -moz-appearance: none;
  1419.   border-top: 0;
  1420.   background-color: #a3a3a3;
  1421. }
  1422.  
  1423. menubar + toolbar,
  1424. #nav-bar,
  1425. toolbar[type="menubar"] {
  1426.   background: url("chrome://browser/skin/toolbar-background.png") center center #e2e2e2 repeat-x;
  1427.   border-bottom: 0px;
  1428.   /*BC height is too big, drop to 40px, not 44 (with 2px top/bottom padding) */
  1429.   padding: 0px;
  1430. }
  1431.  
  1432. toolbar {
  1433.   min-width: 1px;
  1434.   min-height: 20px;
  1435.   border-top: 1px solid #cccccc;
  1436.   border-bottom: 0px;
  1437.   background-color: #e2e2e2;
  1438.   background-image: none;
  1439.   padding: 2px 0 2px 0;
  1440. }
  1441. /* BC: Changed BG to match new theme */
  1442. toolbar[type="menubar"], menubar {
  1443.   min-width: 1px;
  1444.   min-height: 20px;
  1445.   border-top: 0px !important;
  1446.   background-image: none;
  1447.   background-color: #FFFFFF;
  1448. }
  1449.  
  1450. /*********************
  1451.  * searchbar styles
  1452.  ********************/
  1453.  
  1454. /* hide default searchbar stuff */
  1455. searchbar .search-go-button {
  1456.   display: none !important;
  1457. }
  1458.  
  1459. searchbar .searchbar-textbox {
  1460.   height: 16px;
  1461.   width: 135px;
  1462.   background: transparent;
  1463. }
  1464. searchbar .searchbar-dropmarker-image {
  1465.   display: none;
  1466. }
  1467.  
  1468. searchbar {
  1469.   background: url("chrome://browser/skin/search-bar-background.png") no-repeat 0px 3px;
  1470.   width: 186px;
  1471. }
  1472.  
  1473. searchbar .searchbar-engine-button {
  1474.   margin-left: 8px;
  1475.   margin-bottom: -1px;
  1476. }
  1477.  
  1478.  
  1479. searchbar .searchbar-engine-image {
  1480.     margin-bottom: -1px;
  1481. }
  1482.  
  1483.  
  1484. searchbar .search-go-button-stack {
  1485.   display: none !important;
  1486. }
  1487.  
  1488.  
  1489. searchbar .flyout-dropmarker {
  1490.   list-style-image: url(chrome://global/skin/icons/autocomplete-dropmark-arrow.png);
  1491.   -moz-image-region: rect(0px, 16px, 20px, 0px);
  1492.   margin: 0 2px -2px 0;
  1493.   border: 0;
  1494.   -moz-appearance: none;
  1495. }
  1496.  
  1497. searchbar .flyout-dropmarker:hover {
  1498.   -moz-image-region: rect(0px, 32px, 20px, 16px);
  1499. }
  1500.  
  1501. searchbar .flyout-dropmarker:active {
  1502.   -moz-image-region: rect(0px, 64px, 20px, 48px);
  1503.   padding: 3px !important;
  1504. }
  1505.  
  1506.  
  1507.  
  1508. /******************
  1509.  * close buttons
  1510.  ******************/
  1511.  
  1512. .messageCloseButton,
  1513. #find-closebutton {
  1514.   list-style-image: url(chrome://global/skin/icons/closetab.png);
  1515.   -moz-image-region: rect(0px 16px 16px 0px);
  1516. }
  1517.  
  1518. .messageCloseButton:hover,
  1519. #find-closebutton:hover {
  1520.   list-style-image: url(chrome://global/skin/icons/closetab.png) !important;
  1521.   -moz-image-region: rect(0px 32px 16px 16px);
  1522. }
  1523.  
  1524. .messageCloseButton:hover:active,
  1525. #find-closebutton:hover:active {
  1526.   list-style-image: url(chrome://global/skin/icons/closetab.png) !important;
  1527.   -moz-image-region: rect(0px 48px 16px 32px);
  1528. }
  1529.  
  1530. #page-proxy-deck {
  1531.   margin-left: 2px !important;
  1532. }
  1533.  
  1534. /* :::: Custom Sub-bar css :::: */
  1535.  
  1536. /* Parent elem is #PersonalToolbar */
  1537. /* States are:
  1538.  * - Norm
  1539.  * - Hover
  1540.  * - Down [checked="true"]
  1541.  * - Notification
  1542.  * - Notify:hover
  1543.  *
  1544.  * Buttons are:
  1545.  * #my-world-button,
  1546.  * #photos-button,
  1547.  * #news-button,
  1548.  * #notes-button,
  1549.  * #blog-button,
  1550.  * #favorites-button,
  1551.  * #uploader-button
  1552.  *
  1553.  */
  1554. #PersonalToolbar {
  1555.     height: 28px;
  1556.     background-image: url("chrome://browser/skin/personal-toolbar-bg.png");
  1557.     background-position: top left;
  1558.     background-repeat: repeat-x;
  1559.     background-color: #F2F2F2;
  1560.     border: none;
  1561.     border-bottom: 1px solid #979797;
  1562.     padding: 0px 0px 0px 5px;
  1563. }
  1564.  
  1565.     #PersonalToolbar > toolbarbutton,
  1566.     #PersonalToolbar > toolbarpaletteitem toolbarbutton {
  1567.         -moz-appearance: none;
  1568.         list-style-image: url("chrome://browser/skin/flockBarIcons.png");
  1569.         padding: 0px 0px 0px 0px !important;
  1570.         background-color: transparent;
  1571.         margin: 0px 1px 0px 1px;
  1572.     }
  1573.  
  1574.     /* BC: Flockbar icons in text/full mode are too wide, 
  1575.      * inherited from browser.css 
  1576.      */
  1577.  
  1578.     /* Note: Mac gives a background color on [checked="true"] items */
  1579.     #PersonalToolbar > toolbarbutton[checked="true"],
  1580.     #PersonalToolbar > toolbarpaletteitem toolbarbutton[checked="true"] {
  1581.         background-color: transparent;
  1582.         padding: 0px !important; /* BC: Button shifts when 'checked' */
  1583.     }
  1584.  
  1585.  
  1586.     #PersonalToolbar[mode="full"] .toolbarbutton-1,
  1587.     #PersonalToolbar[mode="full"] toolbarbutton
  1588.     {
  1589.       min-width: 16px;
  1590.     }
  1591.       #PersonalToolbar[mode="full"] toolbarbutton > label,
  1592.       #PersonalToolbar[mode="full"] toolbarbutton > toolbarbutton > label
  1593.       {
  1594.         display: none !important; /* BC: Some buttons have important declared for text, we don't want that text in here.*/
  1595.       }
  1596.       /* BC: Lets show the flockbar text in text-only mode */
  1597.       #PersonalToolbar[mode="text"] .toolbarbutton-text {
  1598.         display: -moz-box;
  1599.       }
  1600.       /* BC: Don't hide the text for bookmarks ever */
  1601.       #PersonalToolbar[mode="full"] #personal-bookmarks .toolbarbutton-text {
  1602.         display: -moz-box !important; /* BC: Need to bump this up to override the important for all toolbar buttons, this will be removed later on when the the unnecessary importants are removed*/
  1603.       }
  1604.     /* BC: Lets show the flockbar text in text-only mode */
  1605.     #PersonalToolbar[mode="text"] toolbarbutton:hover .toolbarbutton-text {
  1606.       color: #2E61D9;
  1607.     }
  1608.  
  1609.     /* Pallete Wrapper View */
  1610.     #PersonalToolbar[mode="text"] > #wrapper-my-world-button #my-world-button,
  1611.     #PersonalToolbar > #wrapper-my-world-button #my-world-button {
  1612.         -moz-image-region: rect(0px 19px 19px 0px);
  1613.     }
  1614.       #PersonalToolbar > #wrapper-my-world-button #my-world-button .toolbarbutton-text{
  1615.           display: none;
  1616.       }
  1617.     #PersonalToolbar > #my-world-button {
  1618.         -moz-image-region: rect(0px 19px 19px 0px);
  1619.     }
  1620.     #PersonalToolbar > #my-world-button:hover {
  1621.         -moz-image-region: rect(25px 19px 44px 0px);
  1622.     }
  1623.     #PersonalToolbar > #my-world-button:hover:active,
  1624.     #PersonalToolbar > #my-world-button:active {
  1625.         -moz-image-region: rect(50px 19px 69px 0px);
  1626.     }
  1627.     #PersonalToolbar > #my-world-button[checked="true"] {
  1628.         -moz-image-region: rect(50px 19px 69px 0px);
  1629.     }
  1630.     /* Notification states, not defined yet*/
  1631.     #PersonalToolbar > #my-world-button[notify="true"] {
  1632.         -moz-image-region: rect(75px 19px 94px 0px);
  1633.     }
  1634.     #PersonalToolbar > #my-world-button[notify="true"] {
  1635.         -moz-image-region: rect(100px 19px 119px 0px);
  1636.     }
  1637.         /* Disable Labels */
  1638.         #PersonalToolbar > #my-world-button[mode="full"] > label {
  1639.             display: none;
  1640.         }
  1641.  
  1642.     /* Pallete Wrapper View */
  1643.     #PersonalToolbar > #wrapper-accounts-button #accounts-button {
  1644.         -moz-image-region: rect(0px 194px 19px 175px);
  1645.     }
  1646.       #PersonalToolbar > #wrapper-accounts-button #accounts-button .toolbarbutton-text{
  1647.           display: none;
  1648.       }
  1649.  
  1650.     #PersonalToolbar > #accounts-button {
  1651.         -moz-image-region: rect(0px 194px 19px 175px);
  1652.     }
  1653.     #PersonalToolbar > #accounts-button:hover {
  1654.         -moz-image-region: rect(25px 194px 44px 175px);
  1655.     }
  1656.     #PersonalToolbar > #accounts-button:hover:active,
  1657.     #PersonalToolbar > #accounts-button:active {
  1658.         -moz-image-region: rect(50px 194px 69px 175px);
  1659.     }
  1660.     #PersonalToolbar > #accounts-button[checked="true"] {
  1661.         -moz-image-region: rect(50px 194px 69px 175px);
  1662.     }
  1663.     /* Notification states, not defined yet*/
  1664.     #PersonalToolbar > #accounts-button[notify="true"] {
  1665.         -moz-image-region: rect(75px 194px 94px 175px);
  1666.     }
  1667.     #PersonalToolbar > #accounts-button[notify="true"] {
  1668.         -moz-image-region: rect(100px 194px 119px 175px);
  1669.     }
  1670.         /* Disable Labels */
  1671.         #PersonalToolbar > #accounts-button[mode="full"] > label{
  1672.             display: none;
  1673.         }
  1674.  
  1675.     /* Pallete Wrapper View */
  1676.     #PersonalToolbar > #wrapper-photos-button #photos-button {
  1677.         -moz-image-region: rect(0px 44px 19px 25px);
  1678.     }
  1679.       #PersonalToolbar > #wrapper-photos-button #photos-button .toolbarbutton-text{
  1680.           display: none;
  1681.       }
  1682.  
  1683.     #PersonalToolbar > #photos-button {
  1684.         -moz-image-region: rect(0px 44px 19px 25px);
  1685.     }
  1686.     #PersonalToolbar > #photos-button:hover {
  1687.         -moz-image-region: rect(25px 44px 44px 25px);
  1688.     }
  1689.     #PersonalToolbar > #photos-button:hover:active,
  1690.     #PersonalToolbar > #photos-button:active {
  1691.         -moz-image-region: rect(50px 44px 69px 25px);
  1692.     }
  1693.     #PersonalToolbar > #photos-button[checked="true"] {
  1694.         -moz-image-region: rect(50px 44px 69px 25px);
  1695.         padding: 0px !important; /* Important to override the inherited padding */
  1696.     }
  1697. #PersonalToolbar[mode="text"] > #photos-button[checked="true"] {
  1698.       -moz-image-region: rect(50px 44px 69px 25px);
  1699.             padding-top: 5px !important; /* Important to override the inherited padding */
  1700.     }
  1701.     
  1702.     /* Notification states, not defined yet*/
  1703.     #PersonalToolbar > #photos-button[hasNew]:not([checked]) {
  1704.         -moz-image-region: rect(75px 44px 94px 25px) !important;
  1705.     }
  1706.     #PersonalToolbar > #photos-button[hasNew]:hover:not([checked]) {
  1707.         -moz-image-region: rect(100px 44px 119px 25px) !important;
  1708.     }
  1709.         /* Disable Labels */
  1710.         #PersonalToolbar > #photos-button[mode="full"] > label
  1711.         {
  1712.             display: none;
  1713.         }
  1714.  
  1715.     /* Pallete Wrapper View */
  1716.     #PersonalToolbar > #wrapper-news-button #news-button {
  1717.         -moz-image-region: rect(0px 69px 19px 50px);
  1718.     }
  1719.     #PersonalToolbar > #wrapper-news-button #news-button .toolbarbutton-text{
  1720.         display: none;
  1721.     }
  1722.  
  1723.     #PersonalToolbar > #news-button {
  1724.         -moz-image-region: rect(0px 69px 19px 50px);
  1725.     }
  1726.     #PersonalToolbar > #news-button:hover {
  1727.         -moz-image-region: rect(25px 69px 44px 50px);
  1728.     }
  1729.     #PersonalToolbar > #news-button:hover:active,
  1730.     #PersonalToolbar > #news-button:active {
  1731.         -moz-image-region: rect(50px 69px 69px 50px);
  1732.     }
  1733.     /* Notification states, not defined yet*/
  1734.     #PersonalToolbar > #news-button[checked="true"] {
  1735.         -moz-image-region: rect(50px 69px 69px 50px);
  1736.     }
  1737.     #PersonalToolbar > #news-button[hasNew] {
  1738.         -moz-image-region: rect(75px 69px 94px 50px);
  1739.     }
  1740.     #PersonalToolbar > #news-button[hasNew]:hover {
  1741.         -moz-image-region: rect(100px 69px 119px 50px);
  1742.     }
  1743.       /* Disable Labels */
  1744.       #PersonalToolbar > #news-button[mode="full"] > label {
  1745.           display: none;
  1746.       }
  1747.  
  1748.     /* Pallete Wrapper View */
  1749.     #PersonalToolbar > #wrapper-notes-button #notes-button {
  1750.         -moz-image-region: rect(0px 94px 19px 75px);
  1751.     }
  1752.       #PersonalToolbar > #wrapper-notes-button #notes-button .toolbarbutton-text{
  1753.           display: none;
  1754.       }
  1755.  
  1756.     #PersonalToolbar > #notes-button {
  1757.         -moz-image-region: rect(0px 94px 19px 75px);
  1758.     }
  1759.     #PersonalToolbar > #notes-button:hover {
  1760.         -moz-image-region: rect(25px 94px 44px 75px);
  1761.     }
  1762.     #PersonalToolbar > #notes-button:hover:active,
  1763.     #PersonalToolbar > #notes-button:active {
  1764.         -moz-image-region: rect(50px 94px 69px 75px);
  1765.     }
  1766.     #PersonalToolbar > #notes-button[checked="true"] {
  1767.         -moz-image-region: rect(50px 94px 69px 75px);
  1768.     }
  1769.     /* Notification states, not defined yet*/
  1770.     #PersonalToolbar > #notes-button[notify="true"] {
  1771.         -moz-image-region: rect(75px 94px 94px 75px);
  1772.     }
  1773.     #PersonalToolbar > #notes-button[notify="true"]:hover {
  1774.         -moz-image-region: rect(100px 94px 119px 75px);
  1775.     }
  1776.         /* Disable Labels */
  1777.         #PersonalToolbar > #notes-button[mode="full"] > label {
  1778.             display: none;
  1779.         }
  1780.  
  1781.     /* Pallete Wrapper View */
  1782.     #PersonalToolbar > #wrapper-blog-button #blog-button {
  1783.         -moz-image-region: rect(0px 119px 19px 100px);
  1784.     }
  1785.       #PersonalToolbar > #wrapper-blog-button #blog-button .toolbarbutton-text{
  1786.           display: none;
  1787.       }
  1788.  
  1789.     #PersonalToolbar > #blog-button {
  1790.         -moz-image-region: rect(0px 119px 19px 100px);
  1791.     }
  1792.     #PersonalToolbar > #blog-button:hover {
  1793.         -moz-image-region: rect(25px 119px 44px 100px);
  1794.     }
  1795.     #PersonalToolbar > #blog-button:hover:active,
  1796.     #PersonalToolbar > #blog-button:active {
  1797.         -moz-image-region: rect(50px 119px 69px 100px);
  1798.     }
  1799.     #PersonalToolbar > #blog-button[checked="true"] {
  1800.         -moz-image-region: rect(50px 119px 69px 100px);
  1801.     }
  1802.     /* Notification states, not defined yet*/
  1803.     #PersonalToolbar > #blog-button[notify="true"] {
  1804.         -moz-image-region: rect(75px 119px 94px 100px);
  1805.     }
  1806.     #PersonalToolbar > #blog-button[notify="true"]:hover {
  1807.         -moz-image-region: rect(100px 119px 119px 100px);
  1808.     }
  1809.         /* Disable Labels */
  1810.         #PersonalToolbar > #blog-button[mode="full"] > label {
  1811.             display: none;
  1812.         }
  1813.  
  1814.     /* Pallete Wrapper View */
  1815.     #PersonalToolbar > #wrapper-bookmarks-button #bookmarks-button {
  1816.         -moz-image-region: rect(0px 144px 19px 125px);
  1817.     }
  1818.       #PersonalToolbar > #wrapper-bookmarks-button #bookmarks-button .toolbarbutton-text{
  1819.           display: none;
  1820.       }
  1821.  
  1822.     #PersonalToolbar > #bookmarks-button {
  1823.         -moz-image-region: rect(0px 144px 19px 125px);
  1824.     }
  1825.     #PersonalToolbar > #bookmarks-button:hover {
  1826.         -moz-image-region: rect(25px 144px 44px 125px);
  1827.     }
  1828.     #PersonalToolbar > #bookmarks-button:hover:active,
  1829.     #PersonalToolbar > #bookmarks-button:active {
  1830.         -moz-image-region: rect(50px 144px 69px 125px);
  1831.         padding: 0px !important; /* Important to override the inherited padding */
  1832.     }
  1833.     #PersonalToolbar > #bookmarks-button[checked="true"] {
  1834.         -moz-image-region: rect(50px 144px 69px 125px);
  1835.     }
  1836.     /* Notification states, not defined yet*/
  1837.     #PersonalToolbar > #bookmarks-button[notify="true"] {
  1838.         -moz-image-region: rect(75px 144px 94px 125px);
  1839.     }
  1840.     #PersonalToolbar > #bookmarks-button[notify="true"]:hover {
  1841.         -moz-image-region: rect(100px 144px 119px 125px);
  1842.     }
  1843.         /* Disable Labels */
  1844.         #PersonalToolbar > #bookmarks-button[mode="full"] > label{
  1845.             display: none;
  1846.         }
  1847.  
  1848.     /* Pallete Wrapper View */
  1849.     #PersonalToolbar > #wrapper-uploader-button #uploader-button {
  1850.         -moz-image-region: rect(0px 169px 19px 150px);
  1851.     }
  1852.       #PersonalToolbar > #wrapper-uploader-button #uploader-button .toolbarbutton-text{
  1853.           display: none;
  1854.       }
  1855.  
  1856.     #PersonalToolbar > #uploader-button {
  1857.         -moz-image-region: rect(0px 169px 19px 150px);
  1858.     }
  1859.     #PersonalToolbar > #uploader-button:hover {
  1860.         -moz-image-region: rect(25px 169px 44px 150px);
  1861.     }
  1862.     #PersonalToolbar > #uploader-button:hover:active,
  1863.     #PersonalToolbar > #uploader-button:active {
  1864.         -moz-image-region: rect(50px 169px 69px 150px);
  1865.     }
  1866.     #PersonalToolbar > #uploader-button[checked="true"] {
  1867.         -moz-image-region: rect(50px 169px 69px 150px);
  1868.     }
  1869.     /* Notification states, not defined yet*/
  1870.     #PersonalToolbar > #uploader-button[notify="true"] {
  1871.         -moz-image-region: rect(75px 169px 94px 150px);
  1872.     }
  1873.     #PersonalToolbar > #uploader-button[notify="true"]:hover {
  1874.         -moz-image-region: rect(100px 169px 119px 150px);
  1875.     }
  1876.         /* Disable Labels */
  1877.         #PersonalToolbar > #uploader-button[mode="full"] > label{
  1878.             display: none;
  1879.         }
  1880.  
  1881.         /* end cap for the bar */
  1882.         #PersonalToolbar > #personal-bookmarks {
  1883.             background-image: url("chrome://browser/skin/sub-bar-end.png");
  1884.             background-repeat: no-repeat;
  1885.             padding-left: 37px;
  1886.         }
  1887.             /* end cap for the bar */
  1888.             #PersonalToolbar > #personal-bookmarks > stack {
  1889.                 background-image: url("chrome://browser/skin/personal-bar-bg.png");
  1890.                 background-repeat: repeat-x;
  1891.             }
  1892.  
  1893. /* BC: Special Text-only css */
  1894.     #PersonalToolbar[mode="text"] > toolbarbutton {
  1895.       padding-top: 5px !important;
  1896.     }
  1897.  
  1898.     
  1899. /* :::::: Regular Toolbar icons (forced in small mode) in the flockbar :::::: */
  1900.  
  1901.     #PersonalToolbar #forward-button dropmarker,
  1902.     #PersonalToolbar #back-button dropmarker{
  1903.       margin-top: 10px;
  1904.     }
  1905.  
  1906.     #PersonalToolbar #forward-button dropmarker{
  1907.       margin-left: 2px;
  1908.     }
  1909.     #PersonalToolbar #back-button dropmarker{
  1910.       margin-right: 2px;
  1911.     }
  1912.     #PersonalToolbar[mode="text"] > #wrapper-back-button #back-button > toolbarbutton,
  1913.     #PersonalToolbar > #wrapper-back-button #back-button > toolbarbutton,
  1914.     #PersonalToolbar #back-button:not([disabled="true"]) {
  1915.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1916.       -moz-image-region: rect(0px 16px 16px 0px);
  1917.     }
  1918.     
  1919.     #PersonalToolbar #back-button:not([disabled="true"]):active,
  1920.     #PersonalToolbar #back-button:not([disabled="true"]):hover:active,
  1921.     #PersonalToolbar #back-button:not([disabled="true"])[buttondown="true"] {
  1922.       -moz-image-region: rect(100px 16px 116px 0px);
  1923.     }
  1924.     #PersonalToolbar #back-button[disabled="true"] {
  1925.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1926.       -moz-image-region: rect(150px 16px 166px 0px);
  1927.     }
  1928.     #PersonalToolbar #back-button:not([disabled="true"]):hover {
  1929.       -moz-image-region: rect(50px 16px 66px 0px);
  1930.     }
  1931.  
  1932.  
  1933.     #PersonalToolbar[mode="text"] > #wrapper-forward-button #forward-button > toolbarbutton,
  1934.     #PersonalToolbar > #wrapper-forward-button #forward-button > toolbarbutton,
  1935.     #PersonalToolbar #forward-button:not([disabled="true"]) {
  1936.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1937.       -moz-image-region: rect(0px 66px 16px 50px);
  1938.       padding-right: 2px;
  1939.     }
  1940.     #PersonalToolbar #forward-button:not([disabled="true"]):active,
  1941.     #PersonalToolbar #forward-button:not([disabled="true"]):hover:active,
  1942.     #PersonalToolbar #forward-button:not([disabled="true"])[buttondown="true"],
  1943.     #PersonalToolbar #forward-button:not([disabled="true"])[buttonover="true"]:active
  1944.     {
  1945.       -moz-image-region: rect(100px 66px 116px 50px);
  1946.     }
  1947.     #PersonalToolbar #forward-button[disabled="true"] {
  1948.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1949.       -moz-image-region: rect(150px 66px 166px 50px);
  1950.     }
  1951.     #PersonalToolbar #forward-button:not([disabled="true"]):hover {
  1952.       -moz-image-region: rect(50px 66px 66px 50px);
  1953.     }
  1954.  
  1955.  
  1956.     #PersonalToolbar #stop-button {
  1957.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1958.       -moz-image-region: rect(0px 166px 16px 150px);
  1959.     }
  1960.     #PersonalToolbar #stop-button:active,
  1961.     #PersonalToolbar #stop-button:hover:active {
  1962.       -moz-image-region: rect(100px 166px 116px 150px);
  1963.     }
  1964.     #PersonalToolbar #stop-button[disabled="true"] {
  1965.       -moz-image-region: rect(150px 166px 166px 150px) !important;
  1966.     }
  1967.     #PersonalToolbar #stop-button:hover {
  1968.       -moz-image-region: rect(50px 166px 66px 150px);
  1969.     }
  1970.  
  1971.  
  1972.     #PersonalToolbar #go-button {
  1973.       -moz-box-flex: 0;
  1974.       list-style-image: url("chrome://browser/skin/Go.png");
  1975.       -moz-image-region: rect(0px 20px 20px 0px);
  1976.     }
  1977.     #PersonalToolbar #go-button:active,
  1978.     #PersonalToolbar #go-button:hover:active {
  1979.       padding: 3px 4px 1px 4px;
  1980.     }
  1981.     #PersonalToolbar #go-button[disabled="true"] {
  1982.       -moz-image-region: rect(0px 60px 20px 40px);
  1983.     }
  1984.     #PersonalToolbar #go-button:hover {
  1985.       -moz-image-region: rect(0px 40px 20px 20px);
  1986.     }
  1987.  
  1988.  
  1989.     #PersonalToolbar #reload-button {
  1990.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1991.       -moz-image-region: rect(0px 116px 16px 100px);
  1992.     }
  1993.     #PersonalToolbar #reload-button:hover:active {
  1994.       -moz-image-region: rect(100px 116px 116px 100px);
  1995.     }
  1996.     #PersonalToolbar #reload-button[disabled="true"] {
  1997.       -moz-image-region: rect(150px 116px 166px 100px) !important;
  1998.     }
  1999.     #PersonalToolbar #reload-button:hover {
  2000.       -moz-image-region: rect(50px 116px 66px 100px);
  2001.     }
  2002.  
  2003.  
  2004.     #PersonalToolbar .stopreload-stop {
  2005.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2006.       -moz-image-region: rect(0px 166px 16px 150px);
  2007.     }
  2008.     #PersonalToolbar .stopreload-stop:hover:active
  2009.     toolbar[iconsize="small"] .stopreload-stop:active
  2010.     {
  2011.       -moz-image-region: rect(100px 166px 116px 150px);
  2012.     }
  2013.     #PersonalToolbar .stopreload-stop[disabled="true"] {
  2014.       -moz-image-region: rect(150px 166px 166px 150px);
  2015.     }
  2016.     #PersonalToolbar .stopreload-stop:hover {
  2017.       -moz-image-region: rect(50px 166px 66px 150px);
  2018.     }
  2019.  
  2020.  
  2021.     #PersonalToolbar .stopreload-reload {
  2022.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2023.       -moz-image-region: rect(0px 116px 16px 100px);
  2024.     }
  2025.     #PersonalToolbar .stopreload-reload:active,
  2026.     #PersonalToolbar .stopreload-reload:active:hover
  2027.     {
  2028.       -moz-image-region: rect(100px 116px 116px 100px);
  2029.     }
  2030.     #PersonalToolbar .stopreload-reload[disabled="true"] {
  2031.       -moz-image-region: rect(150px 116px 166px 100px);
  2032.     }
  2033.     #PersonalToolbar .stopreload-reload:hover {
  2034.       -moz-image-region: rect(50px 116px 66px 100px);
  2035.     }
  2036.  
  2037.  
  2038.     #PersonalToolbar #home-button {
  2039.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2040.       -moz-image-region: rect(0px 266px 16px 250px);
  2041.     }
  2042.     #PersonalToolbar #home-button:active,
  2043.     #PersonalToolbar #home-button:hover:active {
  2044.       -moz-image-region: rect(100px 266px 116px 250px);
  2045.     }
  2046.     #PersonalToolbar #home-button[disabled="true"] {
  2047.       -moz-image-region: rect(150px 266px 166px 250px);
  2048.     }
  2049.     #PersonalToolbar #home-button:hover {
  2050.       -moz-image-region: rect(50px 266px 66px 250px);
  2051.     }
  2052.  
  2053.  
  2054.     #PersonalToolbar #print-button {
  2055.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2056.       -moz-image-region: rect(0px 966px 16px 950px);
  2057.     }
  2058.     #PersonalToolbar #print-button:active,
  2059.     #PersonalToolbar #print-button:hover:active {
  2060.       -moz-image-region: rect(100px 966px 116px 950px);
  2061.     }
  2062.     #PersonalToolbar #print-button[disabled="true"] {
  2063.       -moz-image-region: rect(150px 966px 166px 950px) !important;
  2064.     }
  2065.     #PersonalToolbar #print-button:hover {
  2066.       -moz-image-region: rect(50px 966px 66px 950px);
  2067.     }
  2068.  
  2069.  
  2070.     #PersonalToolbar #new-tab-button {
  2071.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2072.       -moz-image-region: rect(0px 766px 16px 750px);
  2073.     }
  2074.     #PersonalToolbar #new-tab-button:active,
  2075.     #PersonalToolbar #new-tab-button:hover:active {
  2076.       -moz-image-region: rect(100px 766px 116px 750px);
  2077.     }
  2078.     #PersonalToolbar #new-tab-button[disabled="true"] {
  2079.       -moz-image-region: rect(150px 766px 166px 750px) !important;
  2080.     }
  2081.     #PersonalToolbar #new-tab-button:hover {
  2082.       -moz-image-region: rect(50px 766px 66px 750px);
  2083.     }
  2084.  
  2085.  
  2086.     #PersonalToolbar #new-window-button {
  2087.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2088.       -moz-image-region: rect(0px 666px 16px 650px);
  2089.     }
  2090.     #PersonalToolbar #new-window-button:active,
  2091.     #PersonalToolbar #new-window-button:hover:active {
  2092.       -moz-image-region: rect(100px 666px 116px 650px);
  2093.     }
  2094.     #PersonalToolbar #new-window-button[disabled="true"] {
  2095.       -moz-image-region: rect(150px 666px 166px 650px) !important;
  2096.     }
  2097.     #PersonalToolbar #new-window-button:hover {
  2098.       -moz-image-region: rect(50px 666px 66px 650px);
  2099.     }
  2100.  
  2101.  
  2102.     #PersonalToolbar #help-button {
  2103.       padding: 0px;
  2104.       padding-right: 15px;
  2105.       list-style-image: url("chrome://browser/skin/helpButtonMatrix.png");
  2106.       -moz-image-region: rect(0px 16px 16px 0px);
  2107.     }
  2108.     #PersonalToolbar #help-button:active,
  2109.     #PersonalToolbar #help-button:hover:active {
  2110.       -moz-image-region: rect(40px 16px 56px 0px);
  2111.     }
  2112.     #PersonalToolbar #help-button[disabled="true"] {
  2113.       -moz-image-region: rect(60px 16px 76px 0px);
  2114.     }
  2115.     #PersonalToolbar #help-button:hover {
  2116.       -moz-image-region: rect(20px 16px 36px 0px);
  2117.     }
  2118.  
  2119.  
  2120.     #PersonalToolbar #downloads-button {
  2121.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2122.       -moz-image-region: rect(0px 616px 16px 600px);
  2123.     }
  2124.     #PersonalToolbar #downloads-button:active,
  2125.     #PersonalToolbar #downloads-button:hover:active {
  2126.       -moz-image-region: rect(100px 616px 116px 600px);
  2127.     }
  2128.     #PersonalToolbar #downloads-button[disabled="true"] {
  2129.       -moz-image-region: rect(150px 616px 166px 600px) !important;
  2130.     }
  2131.     #PersonalToolbar #downloads-button:hover {
  2132.       -moz-image-region: rect(50px 616px 66px 600px);
  2133.     }
  2134.  
  2135.  
  2136.     #PersonalToolbar #history-button {
  2137.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2138.       -moz-image-region: rect(0px 1016px 16px 1000px);
  2139.     }
  2140.     #PersonalToolbar #history-button:active,
  2141.     #PersonalToolbar #history-button:hover:active,
  2142.     #PersonalToolbar #history-button[checked="true"] {
  2143.       -moz-image-region: rect(100px 1016px 116px 1000px);
  2144.     }
  2145.     #PersonalToolbar #history-button[disabled="true"] {
  2146.       -moz-image-region: rect(150px 1016px 166px 1000px) !important;
  2147.     }
  2148.     #PersonalToolbar #history-button:hover {
  2149.       -moz-image-region: rect(50px 1016px 66px 1000px);
  2150.     }
  2151.  
  2152.  
  2153.     #PersonalToolbar #cut-button {
  2154.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2155.       -moz-image-region: rect(0px 816px 16px 800px);
  2156.     }
  2157.     #PersonalToolbar #cut-button:active,
  2158.     #PersonalToolbar #cut-button:hover:active {
  2159.       -moz-image-region: rect(100px 816px 116px 800px);
  2160.     }
  2161.     #PersonalToolbar #cut-button[disabled="true"] {
  2162.       -moz-image-region: rect(150px 816px 166px 800px) !important;
  2163.     }
  2164.     #PersonalToolbar #cut-button:hover {
  2165.       -moz-image-region: rect(50px 816px 66px 800px);
  2166.     }
  2167.  
  2168.  
  2169.     #PersonalToolbar #copy-button {
  2170.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2171.       -moz-image-region: rect(0px 866px 16px 850px);
  2172.     }
  2173.     #PersonalToolbar #copy-button:active,
  2174.     #PersonalToolbar #copy-button:hover:active {
  2175.       -moz-image-region: rect(100px 866px 116px 850px);
  2176.     }
  2177.     #PersonalToolbar #copy-button[disabled="true"] {
  2178.       -moz-image-region: rect(150px 866px 166px 850px);
  2179.     }
  2180.     #PersonalToolbar #copy-button:hover {
  2181.       -moz-image-region: rect(50px 866px 66px 850px);
  2182.     }
  2183.  
  2184.  
  2185.     #PersonalToolbar #paste-button {
  2186.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2187.       -moz-image-region: rect(0px 916px 16px 900px);
  2188.     }
  2189.     #PersonalToolbar #paste-button:active,
  2190.     #PersonalToolbar #paste-button:hover:active {
  2191.       -moz-image-region: rect(100px 916px 116px 900px);
  2192.     }
  2193.     #PersonalToolbar #paste-button[disabled="true"] {
  2194.       -moz-image-region: rect(150px 916px 166px 900px);
  2195.     }
  2196.     #PersonalToolbar #paste-button:hover {
  2197.       -moz-image-region: rect(50px 916px 66px 900px);
  2198.     }
  2199.  
  2200.  
  2201.     #PersonalToolbar #mail-button {
  2202.       list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2203.       -moz-image-region: rect(0px 1066px 16px 1050px);
  2204.     }
  2205.     #PersonalToolbar #mail-button:active,
  2206.     #PersonalToolbar #mail-button[checked="true"] {
  2207.       -moz-image-region: rect(100px 1066px 116px 1050px);
  2208.     }
  2209.     #PersonalToolbar #mail-button[disabled="true"] {
  2210.       -moz-image-region: rect(150px 1066px 166px 1050px);
  2211.     }
  2212.     #PersonalToolbar #mail-button:hover {
  2213.       -moz-image-region: rect(50px 1066px 66px 1050px);
  2214.     }
  2215.  
  2216.  
  2217. /* :::::: Go Button Customization :::::: */
  2218. #go-button {
  2219.   -moz-appearance: none;
  2220.   -moz-box-flex: 0 !important;
  2221.   margin: 0px !important;
  2222.   padding: 0px;
  2223.   border: none;
  2224. }
  2225.     #urlbar-container + #mail-button + #go-button,
  2226.     #urlbar-container + #go-button {
  2227.       list-style-image: url("chrome://browser/skin/urlicons.png");
  2228.       -moz-image-region: rect(0px 271px 22px 250px);
  2229.       padding: 0px;
  2230.     }
  2231.     #urlbar-container + #mail-button + #go-button:hover,
  2232.     #urlbar-container + #go-button:hover {
  2233.       list-style-image: url("chrome://browser/skin/urlicons.png");
  2234.       -moz-image-region: rect(50px 271px 72px 250px);
  2235.       padding: 0px;
  2236.     }
  2237.     #urlbar-container + #mail-button + #go-button:hover:active,
  2238.     #urlbar-container + #go-button:hover:active {
  2239.       list-style-image: url("chrome://browser/skin/urlicons.png");
  2240.       -moz-image-region: rect(100px 271px 122px 250px);
  2241.       padding: 0px;
  2242.     }
  2243.     #urlbar-container + #mail-button + #go-button[disabled="true"],
  2244.     #urlbar-container + #go-button[disabled="true"] {
  2245.       list-style-image: url("chrome://browser/skin/urlicons.png");
  2246.       -moz-image-region: rect(150px 271px 172px 250px);
  2247.       padding: 0px;
  2248.     }
  2249.       toolbar:not([mode="text"]) #urlbar-container + #mail-button + #go-button > label,
  2250.       #urlbar-container + #go-button > label {
  2251.         display: none !important;
  2252.       }
  2253.       toolbar:not([mode="text"]) #urlbar-container + #mail-button > label {
  2254.         display: none !important;
  2255.       }
  2256.       #nav-bar[mode="full"] > #urlbar-container + #mail-button,
  2257.       #nav-bar[mode="text"] > #urlbar-container + #mail-button,
  2258.       #nav-bar[mode="full"] > #urlbar-container + #go-button,
  2259.       #nav-bar[mode="text"] > #urlbar-container + #go-button {
  2260.         min-width: 0px;
  2261.       }
  2262.       
  2263. /* :::::: Mail Button Customization :::::: */
  2264.  
  2265. #urlbar-container + #mail-button {
  2266.   list-style-image: url("chrome://browser/skin/urlicons.png");
  2267.   -moz-image-region: rect(0px 222px 22px 200px);
  2268.   padding: 0px !important; /* BC: This is creating that space around the mail button when connected to the urlbar & go button */
  2269.   margin: 0px;
  2270. }
  2271. #urlbar-container + #mail-button:hover {
  2272.   list-style-image: url("chrome://browser/skin/urlicons.png");
  2273.   -moz-image-region: rect(50px 222px 72px 200px);
  2274.   padding: 0px;
  2275. }
  2276. #urlbar-container + #mail-button:hover:active {
  2277.   list-style-image: url("chrome://browser/skin/urlicons.png");
  2278.   -moz-image-region: rect(100px 222px 122px 200px);
  2279.   padding: 0px;
  2280. }
  2281. #urlbar-container + #mail-button[disabled="true"] {
  2282.   list-style-image: url("chrome://browser/skin/urlicons.png");
  2283.   -moz-image-region: rect(150px 222px 172px 200px);
  2284.   padding: 0px;
  2285. }
  2286.  
  2287. /* ::::::: Accounts and Services CSS Customization ::::::: */
  2288. #availableServicesSection richtreeitem,
  2289. #availableServicesSection richtreeitem  hbox > label {
  2290.   cursor: pointer;
  2291. }
  2292.  
  2293. /* :::::: Extra Star Button Styling ::::: */
  2294.  
  2295. toolbar[iconsize="small"] starbutton {
  2296.   padding: 0px 0px 0px 0px !important;
  2297.   margin-right: -7px;
  2298. }
  2299.  
  2300. /* :::::: Media Bar Styling :::::: */
  2301.  
  2302. #mediabar > hbox > toolbarbutton,
  2303. #mediabar > hbox > toolbarbutton > toolbarbutton {
  2304.   -moz-appearance: none;
  2305.   border: 0px;
  2306. }
  2307. #mediabar > hbox > toolbarbutton > toolbarbutton {
  2308.   padding: 0px;
  2309. }
  2310.  
  2311. /* :::::: Right/left ends for the nav-bar background :::::: */
  2312.  
  2313. #navbar-left-end {
  2314.   list-style-image: url("chrome://browser/skin/navbar-left-end.png");
  2315. }
  2316. #navbar-right-end {
  2317.   list-style-image: url("chrome://browser/skin/navbar-right-end.png");
  2318. }
  2319.